<template>
  <div>
      <van-goods-action>
  <van-goods-action-icon icon="chat-o" text="客服" dot />
<<<<<<< HEAD
  <van-goods-action-icon icon="cart-o" text="购物车" />
=======
  <van-goods-action-icon icon="cart-o" text="购物车"  />
>>>>>>> 91019335cc84c33ed55a2d90c45753068b4ad592
  <van-goods-action-icon icon="shop-o" text="店铺"  />
  <van-goods-action-button type="warning" text="加入购物车" />
  <van-goods-action-button type="danger" text="立即购买" />
</van-goods-action>
  </div>
</template>

<script>
import Vue from 'vue';
import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant';

Vue.use(GoodsAction);
Vue.use(GoodsActionButton);
Vue.use(GoodsActionIcon);
import { Toast } from 'vant';

export default {
  methods: {
    onClickIcon() {
      Toast('点击图标');
    },
    onClickButton() {
      Toast('点击按钮');
    },
  },
};
</script>

<style scoped>
.van-goods-action-button--warning{
  background: black;
}
.van-goods-action-button--danger{
  background: #742FBD;
}
</style>